/**
 * Nestable
 */

.dd {position: relative; display: block; margin: 0; padding: 0; max-width:600px; list-style:none; line-height: 20px;}
.dd-list {display: block; position: relative; margin: 0; padding: 0; list-style:none;}
.dd-list .dd-list { padding-left:20px; }
.dd-collapsed .dd-list { display: none; }


.dd-item,
.dd-empty,
.dd-placeholder {display: block; position: relative; margin:0; padding:0; min-height:20px; line-height: 20px;}


.dd-item > button {display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height:1; text-align:center; font-weight: bold;}
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-dragel {position:absolute; pointer-events:none; z-index:9999;}



/**/
.dd-item > button{margin-left:30px; z-index:1;}
.dd-handle {display:block;position:absolute; top:3px; left:3px; cursor:pointer; padding:4px; z-index:5;}
.dd-content{position:relative; margin-bottom:5px; padding:5px 0 5px 50px; }

#nestable3 .ui-state-highlight{margin-bottom:5px;}
.tools{float:right; padding-right:4px;}
.tools a.ui-state-default{float:left; margin-left:5px;}
